import {
	MessageBox
} from 'element-ui';
import {
	ref
} from '@vue/composition-api'

// export default {
// 	// 全局方法  方式二 方式一就是单独定义一个函数然后每个页面引入
// 	install (Vue,options){
// 		Vue.prototype.confirm = (params)=>{//这里能用this 指向vue
// 			 this.$confirm(params.content, params.tip||'提示', {
// 			          confirmButtonText: '确定',
// 			          cancelButtonText: '取消',
// 			          type: params.type || 'warning'
// 			        }).then(() => {
// 						params.fn && params.fn()
// 			          this.$message({
// 			            type: 'success',
// 			            message: '删除成功!'
// 			          });
// 			        }).catch(() => {
// 			          this.$message({
// 			            type: 'info',
// 			            message: '已取消删除'
// 			          });          
// 			        });
// 		}
// 	}
// }

// 方式三 vue3.0写法 --和方式一写法基本一样但是可以同时返回变量和方法 === mixins 可以使用watch监听并且可以变量重命名--解决命名空间的问题 
export function global() {
	const str = ref('')
	const confirm = (params) => {
		MessageBox.confirm(params.content, params.tip || '提示', {
			confirmButtonText: '确定',
			cancelButtonText: '取消',
			type: params.type || 'warning'
		}).then(() => {
			params.fn && params.fn()
			
		}).catch(() => {
			// root.$message({
			// 	type: 'info',
			// 	message: '已取消删除'
			// });
		});
	}
	return {
		str,
		confirm
	}
}
